<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>开始</title>
        <!--
    html
    HTML的全称为超文本标记语言
    网页的组成：html标签 css样式 JavaScript动态交互
    HTML命令可以说明文字，图形、动画、声音、表格、链接等
    组件：网页上的元素
    标签 <标签名> </标签名>        </标签>
    html的三大结构标签：html head body
     -->
    <!--meta 设置字符编码集
        title 设置网页标题
        link 设置网页logo...
     -->
</head>
    <!--标签的文本：开始标签和结束标签中间的内容
    </br> 换行标签
    p 段落标签
    <b> 加粗
    <i> 斜体
    sup 上标
    sub 小标
    s  中划线
    u  下划线
    hr  水平线
    div 块级标签 自动换行 分类
    特殊字符 &nbsp;空格  &lt;<  &gt;>
    span 行级标签
    -->
    <!--
    属性：是对标签进行设置
        style 设置css样式的
        id 标签的唯一标识
        name 标签的唯一标识
        class
    列表
        有序列表 ol li
                type属性 设置列表样式的
        无序列表 ul li
        自定义列表 dl dt dd
    -->
  <!-- 超链接 a
   属性: href 超链接的连接地址 1)当前项目的其他html文件  2）其他网址 3）#id属性的值（实现抛锚点）
        <a href="#biaot">实现回到顶部</a>
        target 连接的跳转方式  _blank 重新打开一个网页跳转 _self当前网页跳转
   图片标签img
        src 图片的路径
        width height 宽高
        title 鼠标悬停时的提示
        alt 图片加载失败时的提示

  -->
<body>
    <h1>这是一级标题</h1>
    <h2 id="耳机">这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
    a<sup>2</sup></br>
    H<sub>2</sub>O
    <p><s>删除线</s></p>
    <hr>
<div style ="font:50px;color:#00ddff">
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;水调歌头</p>
    <p><b>明月几时有，把酒问青天</b></p>
    <p><u><i>不知天上宫阙，今夕是何年</i></u></p>
</div>
<ol type="A">
    <li>打开手机</li>
    <li>打开王者荣耀</li>
    <li>timi</li>
</ol>
<ul>
    <li>打开抖音</li>
    <li>打开聊天框</li>
    <li>发送消息</li>
</ul>
<dl>
    <dt>第一步</dt><dd>打开手机</dd>
    <dt>第二步</dt><dd>打开游戏</dd>
    <dt>第三步</dt><dd>结束比赛</dd>
</dl>
<a href="http://www.baidu.com" target="_blank">百度</a></br>
<a href="#耳机">回到二级标题</a>
<img src="//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png">
</body>
</html>